<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="short icon" href="http://img1.37wanimg.com/www/images/common/37/favicon.ico">
    <title>meeting</title>
    <script>
        var deviceWidth = document.documentElement.clientWidth;
        if (deviceWidth > 640) deviceWidth = 640;
        document.documentElement.style.fontSize = deviceWidth / 3.75 + 'px';
    </script>
</head>

<body>
    <div class="load-mask">
        <div class="loading">
            <div class="loading-logo"></div>
        </div>
</div>
<div class="web-box">

    <div class="swiper-container swiper-container-vertical">

            

            <div class="music-box">
                    <div class="music-on" id="music">
                        <audio src="./static/music/music.mp3" loop autoplay></audio>
                    </div>
            </div>
        
            <div class="next" id="next">
                    <a href="#" class="swiper-button-next"></a>
            </div>


            <div class="swiper-wrapper">
              <div class="swiper-slide swiper-slide-active page1-box">
                    <div class="page1">
                            <div class="page1_1 ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
                                <img src="./static/images/p1_t1_0936b59.png" alt="CIGC">
                            </div>
                            <div class="page1_2 ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
                                <img src="./static/images/p1_t2_5b3c7fe.png" alt="CIGC">
                            </div>
                            <div class="page1_3 ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
                                <div class="left"></div>
                                <div class="right"></div>
                            </div>
                            <div class="page1_4 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
                                <div class="uav ani" swiper-animate-effect="zoomInLeft" swiper-animate-duration="2s" swiper-animate-delay="0s">
                                    <img src="./static/images/wurenji_2cb139e.png" alt="wheel">
                                </div>
                                <div class="mascot ani animated fadeIn" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s"></div>
                            </div>
                    </div>

              </div>
              <div class="swiper-slide swiper-slide-next page2-box">
                    <div class="page2">
                            <div class="page2-1 ani" swiper-animate-effect=" bounceInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
                                <img src="./static/images/p2_1_c16667a.png" alt="">
                            </div>
                            <div class="page2-2 ani" swiper-animate-effect=" bounceInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
                                <img src="./static/images/p2_2_1bd6955.png" alt="">
                            </div>
                            <div class="page2-3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
                                <div class="wheel2"></div>
                            </div>
                    </div>
                    
              </div>
              <div class="swiper-slide page3-box">
                    <div class="page3">
                            <div id="p3-btn1" class="btn1 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
                                <a href="#"></a>
                            </div>
                            <div id="p3-btn2" class="btn2 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
                                <a href="#"></a>
                            </div>
                            <div id="p3-btn3" class="btn3 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.1s">
                                <a href="#"></a>
                            </div>
                            <div class="bg ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.5s" swiper-animate-delay="1.6s">
                                <div class="mascot">
                                </div>
                            </div>
                        </div>
              </div>
              <div class="swiper-slide page4-box">
                    <div class="page4">
                            <div class="page4-1 ani" swiper-animate-effect="slideInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s"></div>
                            <div class="page4-2 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="0.6s"></div>
                            <div class="page4-3 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.1s" swiper-animate-delay="1.1s"></div>
                    </div>
              </div>
              <div class="swiper-slide page5-box">
                    <div class="page5">
                            <div class="page5-1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
                                <div class="page5-1-box">
                                    <div class="page5-1-btn">
                                        <a href="https://map.baidu.com/mobile/webapp/place/linesearch/foo=bar/from=place&end='place'"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page5-2  ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
                                <div class="rocket ani" swiper-animate-effect="slideInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0.6s"></div>
                            </div>
                    </div>
              </div>
              <div class="swiper-slide page6-box">
                    <div class="page6">
                            <div class="page6-1">
                                <div class="mascot ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0.1s"></div>
                                <div class="QR-code ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0.6s" ></div>
                            </div>
                            <div class="page6-2">
                                <div class="moreInfo ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.3s" swiper-animate-delay="1.1s"></div>
                                <div class="logo ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.3s" swiper-animate-delay="1.6s"></div>
                                <div id="back" class="back ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.3s" swiper-animate-delay="2.1s" >
                                    <a href="#"></a>
                                </div>
                            </div>
                    </div>
              </div>
            </div>

         </div>
</div>


    <script src="./lib/swiper.animate.min.js"></script>

</body>

</html>